<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="header">
      <div class="header-box">
        <div class="left">
          <a href="https://www.mi.com/">小米官网</a>
          <a href="https://www.mi.com/">小米商城</a>
          <a href="https://home.miui.com/" target="_blank">MIUI</a>
          <a href="https://iot.mi.com/" target="_blank">loT</a>
          <a href="https://i.mi.com/" target="_blank">云服务</a>
          <a href="https://airstar.com/home" target="_blank">天星数科</a>
          <a href="https://www.xiaomiyoupin.com/" target="_blank">有品</a>
          <a href="https://xiaoai.mi.com/" target="_blank">小爱开发平台</a>
          <a href="https://qiye.mi.com/" target="_blank">企业团购</a>
          <a href="https://www.mi.com/shop/aptitude/list?id=88" target="_blank"
            >资质证照</a
          >
          <a href="https://www.mi.com/shop/aptitude/list" target="_blank"
            >协议规则</a
          >
          <a href="https://www.mi.com/appdownload" target="_blank">下载app</a>
          <a href="">Select Location</a>
        </div>
        <div class="right">
          <a
            href="https://account.xiaomi.com/fe/service/login/password?_qrsize=180&sid=mi_eshop&qs=%253Fcallback%253Dhttp%25253A%25252F%25252Forder.mi.com%25252Flogin%25252Fcallback%25253Ffollowup%25253Dhttps%2525253A%2525252F%2525252Fwww.mi.com%2525252Fshop%252526sign%25253DODA5NjU3ZjZkYjkxMWE3ZjVkYTE5M2MxMDNlYmJkYzJhZGFjNzBhYg%25252C%25252C%2526sid%253Dmi_eshop%2526_qrsize%253D180&callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252Fshop%26sign%3DODA5NjU3ZjZkYjkxMWE3ZjVkYTE5M2MxMDNlYmJkYzJhZGFjNzBhYg%2C%2C&_sign=yBTYxCh0uB6YSglhQfg4uoP%2BRz4%3D&serviceParam=%7B%22checkSafePhone%22%3Afalse%2C%22checkSafeAddress%22%3Afalse%2C%22lsrp_score%22%3A0.0%7D&showActiveX=false&theme=&needTheme=false&bizDeviceType=&_locale=zh_CN"
            >登录</a
          >
          <a
            href="https://cn.account.xiaomi.com/fe/service/register?source=&region=CN&sid=mi_eshop&qs=sid%3Dmi_eshop&callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback&_locale=zh_CN&_uRegion=CN"
            >注册</a
          >
          <a
            href="https://account.xiaomi.com/fe/service/login/password?_qrsize=180&sid=mi_eshop&qs=%253Fcallback%253Dhttp%25253A%25252F%25252Forder.mi.com%25252Flogin%25252Fcallback%25253Ffollowup%25253Dhttps%2525253A%2525252F%2525252Fwww.mi.com%2525252Fshop%2525252Fuser%2525252Fmessage%252526sign%25253DNWEyM2RjNDA4N2ZjNjFkYTY3MTg3MjY3ZjEzZmQ4NjAyYzk3YTEwNQ%25252C%25252C%2526sid%253Dmi_eshop%2526_qrsize%253D180&callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252Fshop%252Fuser%252Fmessage%26sign%3DNWEyM2RjNDA4N2ZjNjFkYTY3MTg3MjY3ZjEzZmQ4NjAyYzk3YTEwNQ%2C%2C&_sign=OBk4N5xlCQEIlmLx%2F1B%2FIZ0kiEY%3D&serviceParam=%7B%22checkSafePhone%22%3Afalse%2C%22checkSafeAddress%22%3Afalse%2C%22lsrp_score%22%3A0.0%7D&showActiveX=false&theme=&needTheme=false&bizDeviceType=&_locale=zh_CN"
            >消息通知</a
          >
        </div>
        <div class="language">
          Language
          <div class="select">
            <p>中文</p>
            <p>English</p>
          </div>
        </div>
      </div>
    </div>
    <div class="page">
      <div class="page-box">
        <div class="head">
          <img src="./img/头.webp" />
        </div>
        <div class="title">
          <div class="tel">手机</div>
          <div class="more"><a>查看更多</a></div>
        </div>
        <div class="img-area">
          <div class="img-left">
            <img src="./img/左大.webp" />
          </div>
          <div class="shopping">
            <div class="top">
              <div class="img-box1">
                <div class="img-top1">
                  <img src="./img/1.webp" />
                  <p class="phone">Xiaomi 12S Ultra</p>
                  <p class="p">这真徕卡丨专业徕卡影像</p>
                  <span class="money">5999元起</span>
                </div>
              </div>
              <div class="img-box2">
                <div class="img-top2">
                  <img src="./img/2.webp" />
                  <p class="phone">Xiaomi 12S Pro</p>
                  <p class="p">晓龙8+旗舰处理器丨徕卡影像</p>
                  <span class="money">4699元起</span>
                </div>
              </div>
              <div class="img-box3">
                <div class="img-top3">
                  <img src="./img/3.webp" />
                  <p class="phone">Xiaomi 12S</p>
                  <p class="p">小尺寸性能旗舰机丨徕卡影像</p>
                  <span class="money">3999元起</span>
                </div>
              </div>
              <div class="img-box4">
                <div class="img-top4">
                  <img src="./img/4.webp" />
                  <p class="phone">Xiaomi 12 Pro 天玑版</p>
                  <p class="p">全球首发天玑9000+丨叶脉冷泵散热系统</p>
                  <span class="money">3999元起</span>
                </div>
              </div>
            </div>
            <div class="bottom">
              <div class="img-box5">
                <div class="img-bottom1">
                  <img src="./img/5.webp" />
                  <p class="phone">Redmi Note 11T Pro+</p>
                  <p class="p">天玑8100丨真旗舰芯</p>
                  <div class="m">
                  <span class="money">1999元起</span
                  ><span class="del">2009元</span></div>
                </div>
              </div>
              <div class="img-box6">
                <div class="img-bottom2">
                  <img src="./img/6.webp" />
                  <p class="phone">Redmi Note 11T Pro</p>
                  <p class="p">天玑8100丨真旗舰芯</p>
                  <div class="m">
                  <span class="money">1699元起</span
                  ><span class="del">1799元</span></div>
                </div>
              </div>
              <div class="img-box7">
                <div class="img-bottom3">
                  <img src="./img/7.webp" />
                  <p class="phone">Redmi Note 11SE</p>
                  <p class="p">双卡双5G丨疾速登陆</p>
                  <div class="m">
                  <span class="money">999元起</span
                  ><span class="del">1099元</span></div>
                </div>
              </div>
              <div class="img-box8">
                <div class="img-bottom4">
                  <img src="./img/8.webp" />
                  <p class="phone">Xiaomi Civi 1S</p>
                  <p class="p">原生美肌人像丨奇迹阳光动人新色</p>
                  <span class="money">2299元起</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="foot">
      <div class="foot-box">
      <div class="foot-nav">
        <div class="nav">
          <img src="./img/扳手.png" />
          <a>预约维修服务</a>
        </div>
        <div class="nav">
          <img src="./img/7天退换货.png" />
          <a>7天无理由退货</a>
        </div>
        <div class="nav">
          <img src="./img/15天无理由退货.png" />
          <a>15天免费换货</a>
        </div>
        <div class="nav">
          <img src="./img/礼物 活动.png" />
          <a>满69元包邮</a>
        </div>
        <div class="nav">
          <img src="./img/地图.png" />
          <a>1100余家售后网点</a>
        </div>
      </div>
      <div class="bbox">
        <div class="list-box">
          <div class="list-left">
            <div class="list">
              <p>选购服务</p>
              <ul>
                <li>手机</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>平板</li>
                <li>穿戴</li>
                <li>耳机</li>
                <li>家电</li>
                <li>路由器</li>
                <li>音响</li>
                <li>配件</li>
              </ul>
            </div>
            <div class="list">
              <p>选购服务</p>
              <ul>
                <li>手机</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>平板</li>
                <li>穿戴</li>
                <li>耳机</li>
                <li>家电</li>
                <li>路由器</li>
                <li>音响</li>
                <li>配件</li>
              </ul>
            </div>
            <div class="list">
              <p>服务中心</p>
              <ul>
                <li>申请售后</li>
                <li>售后政策</li>
                <li>维修服务价格</li>
                <li>订单查询</li>
                <li>以旧换新</li>
                <li>保障服务</li>
                <li>防伪查询</li>
                <li>F码通道</li>
              </ul>
            </div>
            <div class="list">
              <p>线下门店</p>
              <ul>
                <li>小米之家</li>
                <li>服务网点</li>
                <li>授权体验店/专区</li>
              </ul>
            </div>
            <div class="list">
              <p>线下门店</p>
              <ul>
                <li>了解小米</li>
                <li>加入小米</li>
                <li>投资者关系</li>
                <li>环境，社会及管治</li>
                <li>廉洁举报</li>
              </ul>
            </div>
            <div class="list">
              <p>关注我们</p>
              <ul>
                <li>新浪微博</li>
                <li>官方微信</li>
                <li>联系我们</li>
                <li>公益</li>
              </ul>
            </div>
            <div class="list-right">
              <span>400-100-5678</span>
              <p>8:00-18:00（仅收市话费）</p>
              <button class="right-button">人工客服</button>
            </div>
          </div>
        </div>
      </div>
      </div>
    </div>
  </body>
</html>
